<template>
  <div class="list flex-al">
     <img :src="icon" />
      <span class="t1" :style="color===0?'color:#fff':'color:#333'">{{ t1 }}</span>
      <p class="t2" :style="color===0?'color:#fff':'color:#666'">{{ t2 }}</p>
  </div>
</template>
<script>
export default {
  props: {
    icon: {
      type: String,
      default: "资料下载.png",
    },
     color: {
      type: Number,
      default: 0,
    },
    t1: {
      type: String,
      default: "资料下载",
    },
    t2: {
      type: String,
      default:
        "网上下载申报资料",
    },
  }
};
</script>
<style lang="less" scoped>
.list {
  // .hover;
  img {
    width: 40px;
    height: 40px;
    margin-bottom: 15px;
  }
    .t1 {
      font-size: 16px;
      color: #ffffff;
      font-weight: bolder;
    }
    .t2 {
      font-size: 13px;
      color: #ffffff;
      margin-top: 2px;
      text-align: center;
      max-width: 200px;
    }
}
</style>
